<!--全局页面的根页面-->
<template>
  <div id="app">
    <!-- 当前页面为user开头，用默认视图-->
    <template v-if="route.path.startsWith('/user')">
      <router-view />
    </template>
    <template v-else>
      <!-- 引入BasicLayout布局-->
      <BasicLayout />
    </template>
  </div>
</template>

<style>
#app {
}
</style>
<script setup lang="ts">
import BasicLayout from "@/layouts/BasicLayout.vue";
import { onMounted } from "vue";
import { useRoute } from "vue-router";

// 获取当前页面路由
const route = useRoute();

/**
 * 全局初始化函数
 * 有全局单次调用的代码都可以写在这里
 */
const doInit = () => {
  console.log("hello world");
};

// 钩子函数，在组件挂载完成后执行
onMounted(() => {
  doInit();
});
</script>
